.r {
    float: right
}

.pointer {
    cursor: pointer
}

.vertical-scroll::-webkit-scrollbar {
    width: 12px
}

.vertical-scroll::-webkit-scrollbar-track {
    border-left: 1px solid #a6a6a6;
    background: #d9d9d9
}

.vertical-scroll::-webkit-scrollbar-thumb {
    background: #a6a6a6
}

.horizontal-scroll::-webkit-scrollbar {
    height: 12px
}

.horizontal-scroll::-webkit-scrollbar-track {
    background: #d9d9d9
}

.horizontal-scroll::-webkit-scrollbar-thumb {
    background: #a6a6a6
}

.horizontal-scroll.thin-scroll::-webkit-scrollbar {
    height: 7px;
    width: 7px;
}

.thin-scroll::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

.thin-scroll::-webkit-scrollbar-track {
    background-color: #d9d9d9;
    border-left: 2px solid transparent
}

.thin-scroll::-webkit-scrollbar-thumb {
    background-color: #a6a6a6;
    border-left: 2px solid transparent
}

.thin-scroll::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, .1)
}

.transparent-scroll::-webkit-scrollbar {
    width: 8px
}

.transparent-scroll::-webkit-scrollbar-track {
    background: 0 0
}

.transparent-scroll::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .25)
}

div::-webkit-scrollbar, ol::-webkit-scrollbar, ul::-webkit-scrollbar, p::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

div::-webkit-scrollbar-track,
ul::-webkit-scrollbar-track,
ol::-webkit-scrollbar-track,
p::-webkit-scrollbar-track {
    background-color: #d9d9d9;
    border-left: 2px solid transparent
}

div::-webkit-scrollbar-thumb,
ul::-webkit-scrollbar-thumb,
ol::-webkit-scrollbar-thumb,
p::-webkit-scrollbar-thumb {
    background-color: #a6a6a6;
    border-left: 2px solid transparent
}

div::-webkit-scrollbar-thumb:window-inactive,
ul::-webkit-scrollbar-thumb:window-inactive,
ol::-webkit-scrollbar-thumb:window-inactive,
p::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, .1)
}

div::-webkit-scrollbar, ol::-webkit-scrollbar, ul::-webkit-scrollbar, p::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

@-webkit-keyframes bouncedelay {
    0%, 80%, to {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes bouncedelay {
    0%, 80%, to {
        transform: scale(0)
    }
    40% {
        transform: scale(1)
    }
}
.loading-indicator {
    margin: 10px auto;
    width: 70px;
    text-align: center;
    z-index: 9999
}

.loading-indicator .loader-dot {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #a6a6a6;
    border-radius: 100%;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.loading-indicator .loader-dot:nth-child(1) {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.loading-indicator .loader-dot:nth-child(2) {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}